<template>
  <div>
      <router-link to="/" >商品列表</router-link> 
      <router-link to="/shopcar" >购物车</router-link>
    </div>
</template>

<script>
export default {
    name:'Bar'
}
</script>

<style scoped>
    div{
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 50px;
        border-top: 1px solid #ccc;
        display: flex;
        
    }
    a{
        display: inline-block;
        width: 50%;
        line-height: 50px;
        text-align: center;
        /* color: #F18741; */
        text-decoration:none;
        background: white;
        
    }
   
</style>